<!DOCTYPE html>
<html>
<head>
<title>慕课网电商网站-商品分类</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/resert.css" type="text/css" rel="stylesheet"/>
<link href="css/main.css" type="text/css" rel="stylesheet"/>
</head>
<body>
<div class="headerBar">
    <div class="topBar">
      <div class="comWidth clearfix">
	    <div class="fl">
	     <a class="collection" href="#">收藏慕课</a>
	    </div>
	    <div class="fr">
	      欢迎来到慕课网！<a href="#">[登录]</a><a href="#">[免费注册]</a>
	    </div>
	  </div>
	</div>
	<div class="logoBar">
	  <div class="comWidth clearfix">
	    <div class="logo fl">
		  <a href="#"><img src="images/logo.png" alt="慕课网"/></a>
		</div>
		<div class="search_box fl">
		   <input type="text" class="search_text fl"/>
		   <input type="button" value="搜 索" class="search_btn fr"/>
		</div>
		<div class="shopCar fr">
		  <span class="shopText fl">购物车</span>
		  <span class="shopNum fr">0</span>
		</div>
	  </div>
	</div>
	<div class="navBox">
	  <div class="comWidth clearfix">
	    <div class="shopClass fl">
		  <h3>全部商品分类<i></i></h3>
		  <div class="shopClass_show" hidden>
		    <dl class="shopClass_item">
		     <dt><a href="#" class="b">手机</a> <a href="#" class="b">数码</a> <a href="#" class="alink">合约机</a></dt>
			 <dd><a href="#">荣耀3X</a><a href="#">单反 </a><a href="#">智能设备 </a></dd>
		    </dl>
		    <dl class="shopClass_item">
		     <dt><a href="#" class="b">手机</a> <a href="#" class="b">数码</a> <a href="#" class="alink">合约机</a></dt>
			 <dd><a href="#">荣耀3X</a><a href="#">单反 </a><a href="#">智能设备 </a></dd>
		    </dl>
		    <dl class="shopClass_item">
		     <dt><a href="#" class="b">手机</a> <a href="#" class="b">数码</a> <a href="#" class="alink">合约机</a></dt>
			 <dd><a href="#">荣耀3X</a><a href="#">单反 </a><a href="#">智能设备 </a></dd>
		    </dl>
		    <dl class="shopClass_item">
		     <dt><a href="#" class="b">手机</a> <a href="#" class="b">数码</a> <a href="#" class="alink">合约机</a></dt>
			 <dd><a href="#">荣耀3X</a><a href="#">单反 </a><a href="#">智能设备 </a></dd>
		    </dl>
		    <dl class="shopClass_item">
		     <dt><a href="#" class="b">手机</a> <a href="#" class="b">数码</a> <a href="#" class="alink">合约机</a></dt>
			 <dd><a href="#">荣耀3X</a><a href="#">单反 </a><a href="#">智能设备 </a></dd>
		    </dl>
		  </div>
		</div>
		<div class="nav fl">
		  <ul>
		    <li><a class="active" href="#">数码城</a></li>
			<li><a href="#">天黑黑</a></li>
			<li><a href="#">团购</a></li>
			<li><a href="#">发现</a></li>
			<li><a href="#">二手特卖</a></li>
			<li><a href="#">名品会</a></li> 
		  </ul>
		</div>
	  </div>
	</div>
</div>
<div class="hr_15"></div>
<div class="products comWidth clearfix">
  <div class="leftArea">
     <div class="leftNav">
	    <h3 class="navTitle">手机、数码、相机</h3>
		<div class="navCon">
		  <h3>手机通讯</h3>
		  <ul class="navCon_list clearfix">
		    <li><a href="#">全部手机</a></li>
			<li><a href="#">双卡手机</a></li>
			<li><a href="#">联通专区</a></li>
			<li><a href="#">老年手机</a></li>
			<li><a href="#">拍照神器</a></li>
			<li><a href="#">1080P高清</a></li>
			<li><a href="#">对讲机</a></li>
		  </ul>
		</div>
		<div class="navCon">
		  <h3>手机通讯</h3>
		  <ul class="navCon_list clearfix">
		    <li><a href="#">全部手机</a></li>
			<li><a href="#">双卡手机</a></li>
			<li><a href="#">联通专区</a></li>
			<li><a href="#">老年手机</a></li>
			<li><a href="#">拍照神器</a></li>
			<li><a href="#">1080P高清</a></li>
			<li><a href="#">对讲机</a></li>
		  </ul>
		</div>
		<div class="navCon">
		  <h3>手机通讯</h3>
		  <ul class="navCon_list clearfix">
		    <li><a href="#">全部手机</a></li>
			<li><a href="#">双卡手机</a></li>
			<li><a href="#">联通专区</a></li>
			<li><a href="#">老年手机</a></li>
			<li><a href="#">拍照神器</a></li>
			<li><a href="#">1080P高清</a></li>
			<li><a href="#">对讲机</a></li>
		  </ul>
		</div>
		<div class="navCon">
		  <h3>手机通讯</h3>
		  <ul class="navCon_list clearfix">
		    <li><a href="#">全部手机</a></li>
			<li><a href="#">双卡手机</a></li>
			<li><a href="#">联通专区</a></li>
			<li><a href="#">老年手机</a></li>
			<li><a href="#">拍照神器</a></li>
			<li><a href="#">1080P高清</a></li>
			<li><a href="#">对讲机</a></li>
		  </ul>
		</div>
		<div class="navCon">
		  <h3>手机通讯</h3>
		  <ul class="navCon_list clearfix">
		    <li><a href="#">全部手机</a></li>
			<li><a href="#">双卡手机</a></li>
			<li><a href="#">联通专区</a></li>
			<li><a href="#">老年手机</a></li>
			<li><a href="#">拍照神器</a></li>
			<li><a href="#">1080P高清</a></li>
			<li><a href="#">对讲机</a></li>
		  </ul>
		</div>
		<div class="navCon">
		  <h3>手机通讯</h3>
		  <ul class="navCon_list clearfix">
		    <li><a href="#">全部手机</a></li>
			<li><a href="#">双卡手机</a></li>
			<li><a href="#">联通专区</a></li>
			<li><a href="#">老年手机</a></li>
			<li><a href="#">拍照神器</a></li>
			<li><a href="#">1080P高清</a></li>
			<li><a href="#">对讲机</a></li>
		  </ul>
		</div>
		<div class="navCon">
		  <h3>手机通讯</h3>
		  <ul class="navCon_list clearfix">
		    <li><a href="#">全部手机</a></li>
			<li><a href="#">双卡手机</a></li>
			<li><a href="#">联通专区</a></li>
			<li><a href="#">老年手机</a></li>
			<li><a href="#">拍照神器</a></li>
			<li><a href="#">1080P高清</a></li>
			<li><a href="#">对讲机</a></li>
		  </ul>
		</div>
		<div class="navCon">
		  <h3>手机通讯</h3>
		  <ul class="navCon_list clearfix">
		    <li><a href="#">全部手机</a></li>
			<li><a href="#">双卡手机</a></li>
			<li><a href="#">联通专区</a></li>
			<li><a href="#">老年手机</a></li>
			<li><a href="#">拍照神器</a></li>
			<li><a href="#">1080P高清</a></li>
			<li><a href="#">对讲机</a></li>
		  </ul>
		</div>
	 
	 </div>
  </div>
  <div class="rightArea">
    <div class="banner_bar banner_big">
     <ul class="imgBox clearfix"> 
	   <li><a href="#"><img src="images/banner/banner1.png" alt="banner"/></a></li>
	   <li><a href="#"><img src="images/banner/banner2.png" alt="banner"/></a></li> 
	 </ul>
	 <div class="imgNum">
	  <a href="#" class="active"></a>
	  <a href="#"></a>
	 </div>
   </div>
    <div class="hr_7"></div>
	<div class="products_title">
	  <h3>数码影像</h3>
	</div>
	<div class="products_list clearfix">
	 <div class="products_item">
	    <div class="products_item_cont">
	      <div class="productsImg">
	        <a href="#"><img src="images/products/products01.jpg" alt="商品图片"/></a>
	      </div>
	      <p><a href="#">苹果iPhone SE市场价格对比!欧洲最贵苹果iPhone SE市场价格对比!欧洲最贵苹果</a></p>
	      <p class="price">￥19999</p>
	      <p class="intro">评论：<span class="starts"></span><span class="starts"></span><span class="starts"></span><span class="starts"></span><span class="starts"></span><a href="#">(79条)</a></p>
	    </div>
	 </div>
	 <div class="products_item">
	    <div class="products_item_cont">
	      <div class="productsImg">
	        <a href="#"><img src="images/products/products01.jpg" alt="商品图片"/></a>
	      </div>
	      <p><a href="#">苹果iPhone SE市场价格对比!欧洲最贵苹果iPhone SE市场价格对比!欧洲最贵苹果</a></p>
	      <p class="price">￥19999</p>
	      <p class="intro">评论：<span class="starts"></span><span class="starts"></span><span class="starts"></span><span class="starts"></span><span class="starts"></span><a href="#">(79条)</a></p>
	    </div>
	 </div>
	 <div class="products_item">
	    <div class="products_item_cont">
	      <div class="productsImg">
	        <a href="#"><img src="images/products/products01.jpg" alt="商品图片"/></a>
	      </div>
	      <p><a href="#">苹果iPhone SE市场价格对比!欧洲最贵苹果iPhone SE市场价格对比!欧洲最贵苹果</a></p>
	      <p class="price">￥19999</p>
	      <p class="intro">评论：<span class="starts"></span><span class="starts"></span><span class="starts"></span><span class="starts"></span><span class="starts"></span><a href="#">(79条)</a></p>
	    </div>
	 </div>
	 <div class="products_item">
	    <div class="products_item_cont">
	      <div class="productsImg">
	        <a href="#"><img src="images/products/products01.jpg" alt="商品图片"/></a>
	      </div>
	      <p><a href="#">苹果iPhone SE市场价格对比!欧洲最贵苹果iPhone SE市场价格对比!欧洲最贵苹果</a></p>
	      <p class="price">￥19999</p>
	      <p class="intro">评论：<span class="starts"></span><span class="starts"></span><span class="starts"></span><span class="starts"></span><span class="starts"></span><a href="#">(79条)</a></p>
	    </div>
	 </div>
	 <div class="products_item">
	    <div class="products_item_cont">
	      <div class="productsImg">
	        <a href="#"><img src="images/products/products01.jpg" alt="商品图片"/></a>
	      </div>
	      <p><a href="#">苹果iPhone SE市场价格对比!欧洲最贵苹果iPhone SE市场价格对比!欧洲最贵苹果</a></p>
	      <p class="price">￥19999</p>
	      <p class="intro">评论：<span class="starts"></span><span class="starts"></span><span class="starts"></span><span class="starts"></span><span class="starts"></span><a href="#">(79条)</a></p>
	    </div>
	 </div>
	 <div class="products_item">
	    <div class="products_item_cont">
	      <div class="productsImg">
	        <a href="#"><img src="images/products/products01.jpg" alt="商品图片"/></a>
	      </div>
	      <p><a href="#">苹果iPhone SE市场价格对比!欧洲最贵苹果iPhone SE市场价格对比!欧洲最贵苹果</a></p>
	      <p class="price">￥19999</p>
	      <p class="intro">评论：<span class="starts"></span><span class="starts"></span><span class="starts"></span><span class="starts"></span><span class="starts"></span><a href="#">(79条)</a></p>
	    </div>
	 </div>
	 <div class="products_item">
	    <div class="products_item_cont">
	      <div class="productsImg">
	        <a href="#"><img src="images/products/products01.jpg" alt="商品图片"/></a>
	      </div>
	      <p><a href="#">苹果iPhone SE市场价格对比!欧洲最贵苹果iPhone SE市场价格对比!欧洲最贵苹果</a></p>
	      <p class="price">￥19999</p>
	      <p class="intro">评论：<span class="starts"></span><span class="starts"></span><span class="starts"></span><span class="starts"></span><span class="starts"></span><a href="#">(79条)</a></p>
	    </div>
	 </div>
	 <div class="products_item">
	    <div class="products_item_cont">
	      <div class="productsImg">
	        <a href="#"><img src="images/products/products01.jpg" alt="商品图片"/></a>
	      </div>
	      <p><a href="#">苹果iPhone SE市场价格对比!欧洲最贵苹果iPhone SE市场价格对比!欧洲最贵苹果</a></p>
	      <p class="price">￥19999</p>
	      <p class="intro">评论：<span class="starts"></span><span class="starts"></span><span class="starts"></span><span class="starts"></span><span class="starts"></span><a href="#">(79条)</a></p>
	    </div>
	 </div>
    </div>
	
	<div class="hr_21"></div>
	<div class="products_title">
	  <h3>数码影像</h3>
	</div>
	<div class="products_list clearfix">
	 <div class="products_item">
	    <div class="products_item_cont">
	      <div class="productsImg">
	        <a href="#"><img src="images/products/products01.jpg" alt="商品图片"/></a>
	      </div>
	      <p><a href="#">苹果iPhone SE市场价格对比!欧洲最贵苹果iPhone SE市场价格对比!欧洲最贵苹果</a></p>
	      <p class="price">￥19999</p>
	      <p class="intro">评论：<span class="starts"></span><span class="starts"></span><span class="starts"></span><span class="starts"></span><span class="starts"></span><a href="#">(79条)</a></p>
	    </div>
	 </div>
	 <div class="products_item">
	    <div class="products_item_cont">
	      <div class="productsImg">
	        <a href="#"><img src="images/products/products01.jpg" alt="商品图片"/></a>
	      </div>
	      <p><a href="#">苹果iPhone SE市场价格对比!欧洲最贵苹果iPhone SE市场价格对比!欧洲最贵苹果</a></p>
	      <p class="price">￥19999</p>
	      <p class="intro">评论：<span class="starts"></span><span class="starts"></span><span class="starts"></span><span class="starts"></span><span class="starts"></span><a href="#">(79条)</a></p>
	    </div>
	 </div>
	 <div class="products_item">
	    <div class="products_item_cont">
	      <div class="productsImg">
	        <a href="#"><img src="images/products/products01.jpg" alt="商品图片"/></a>
	      </div>
	      <p><a href="#">苹果iPhone SE市场价格对比!欧洲最贵苹果iPhone SE市场价格对比!欧洲最贵苹果</a></p>
	      <p class="price">￥19999</p>
	      <p class="intro">评论：<span class="starts"></span><span class="starts"></span><span class="starts"></span><span class="starts"></span><span class="starts"></span><a href="#">(79条)</a></p>
	    </div>
	 </div>
	 <div class="products_item">
	    <div class="products_item_cont">
	      <div class="productsImg">
	        <a href="#"><img src="images/products/products01.jpg" alt="商品图片"/></a>
	      </div>
	      <p><a href="#">苹果iPhone SE市场价格对比!欧洲最贵苹果iPhone SE市场价格对比!欧洲最贵苹果</a></p>
	      <p class="price">￥19999</p>
	      <p class="intro">评论：<span class="starts"></span><span class="starts"></span><span class="starts"></span><span class="starts"></span><span class="starts"></span><a href="#">(79条)</a></p>
	    </div>
	 </div>
	 <div class="products_item">
	    <div class="products_item_cont">
	      <div class="productsImg">
	        <a href="#"><img src="images/products/products01.jpg" alt="商品图片"/></a>
	      </div>
	      <p><a href="#">苹果iPhone SE市场价格对比!欧洲最贵苹果iPhone SE市场价格对比!欧洲最贵苹果</a></p>
	      <p class="price">￥19999</p>
	      <p class="intro">评论：<span class="starts"></span><span class="starts"></span><span class="starts"></span><span class="starts"></span><span class="starts"></span><a href="#">(79条)</a></p>
	    </div>
	 </div>
	 <div class="products_item">
	    <div class="products_item_cont">
	      <div class="productsImg">
	        <a href="#"><img src="images/products/products01.jpg" alt="商品图片"/></a>
	      </div>
	      <p><a href="#">苹果iPhone SE市场价格对比!欧洲最贵苹果iPhone SE市场价格对比!欧洲最贵苹果</a></p>
	      <p class="price">￥19999</p>
	      <p class="intro">评论：<span class="starts"></span><span class="starts"></span><span class="starts"></span><span class="starts"></span><span class="starts"></span><a href="#">(79条)</a></p>
	    </div>
	 </div>
	 <div class="products_item">
	    <div class="products_item_cont">
	      <div class="productsImg">
	        <a href="#"><img src="images/products/products01.jpg" alt="商品图片"/></a>
	      </div>
	      <p><a href="#">苹果iPhone SE市场价格对比!欧洲最贵苹果iPhone SE市场价格对比!欧洲最贵苹果</a></p>
	      <p class="price">￥19999</p>
	      <p class="intro">评论：<span class="starts"></span><span class="starts"></span><span class="starts"></span><span class="starts"></span><span class="starts"></span><a href="#">(79条)</a></p>
	    </div>
	 </div>
	 <div class="products_item">
	    <div class="products_item_cont">
	      <div class="productsImg">
	        <a href="#"><img src="images/products/products01.jpg" alt="商品图片"/></a>
	      </div>
	      <p><a href="#">苹果iPhone SE市场价格对比!欧洲最贵苹果iPhone SE市场价格对比!欧洲最贵苹果</a></p>
	      <p class="price">￥19999</p>
	      <p class="intro">评论：<span class="starts"></span><span class="starts"></span><span class="starts"></span><span class="starts"></span><span class="starts"></span><a href="#">(79条)</a></p>
	    </div>
	 </div>
  
  
    </div>
	<div class="hr_24"></div>
  </div>
</div> 
<div class="hr_25"></div>
<div class="footer">
  <p><a href="#">慕课简介</a><i>|</i><a href="#">慕课公告</a><i>|</i><a href="#">招纳贤士</a><i>|</i><a href="#">联系我们</a><i>|</i><a href="#">客服热线：400-675-1234</a></p>
  <p>Copyright &copy; 2006 - 2014 慕课版权所有&nbsp;&nbsp;&nbsp;&nbsp;京ICP备09037834号&nbsp;&nbsp;&nbsp;&nbsp;京ICP证B1034-8373号&nbsp;&nbsp;&nbsp;&nbsp;某市公安局XX分局备案编号：123456789123</p>
  <p class="web"><a href="#"><img src="images/footer_logo.png" alt="footerimg"/></a><a href="#"><img src="images/footer_logo.png" alt="footerimg"/></a><a href="#"><img src="images/footer_logo.png" alt="footerimg"/></a><a href="#"><img src="images/footer_logo.png" alt="footerimg"/></a></p>
</div>
</body>
</html>